<template>
	<div>
		<el-button type="primary" size="mini" @click="submit" icon="el-icon-edit" style="margin: 20px;">发布公告</el-button>
		<mavon-editor v-model="content" :toolbars="toolbars"  />
	</div>
</template>

<script>
	export default {
		name: "Notice",
		data() {
			return {
				content: '', //输入的数据
				toolbars: {
					bold: true, // 粗体
					italic: true, // 斜体
					header: true, // 标题
					underline: true, // 下划线
					// mark: true, // 标记
					// superscript: true, // 上角标
					// quote: true, // 引用
					// ol: true, // 有序列表
					// link: true, // 链接
					// imagelink: true, // 图片链接
					help: true, // 帮助
					code: true, // code
					subfield: true, // 是否需要分栏
					fullscreen: true, // 全屏编辑
					readmodel: true, // 沉浸式阅读
					/* 1.3.5 */
					undo: true, // 上一步
					trash: true, // 清空
					save: true, // 保存（触发events中的save事件）
					/* 1.4.2 */
					navigation: true // 导航目录
				}
			}
		},
		methods: {
			submit() {
				this.getRequest('/notice/publish?content='+this.content).then(res=>{
					this.content = "";
					return;
				})
			},
		},
	}
</script>

<style>
</style>
